<ul class="menu-root">
		<li><h3>基础</h3></li>
    
    <li id="installation" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/installation"  class="sidebar-link">安装</a>
			<ul class="menu-sub">
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#Vue-Devtools">Vue Devtools</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#直接用-lt-script-gt-引入">直接用 &lt;script&gt; 引入</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#CDN">CDN</a>
					</li>
				</ul>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#NPM">NPM</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#命令行工具-CLI">命令行工具</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#对不同构建版本的解释">对不同构建版本的解释</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#术语">术语</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#运行时-编译器-vs-只包含运行时">运行时 + 编译器 vs. 只包含运行时</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#开发环境-vs-生产环境模式">开发环境 vs. 生产环境模式</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#CSP-环境">CSP 环境</a>
					</li>
				</ul>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#开发版本">开发版本</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#Bower">Bower</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/installation#AMD-模块加载器">AMD 模块加载器</a>
				</li>
			</ul>
    </li>

    <li id="index" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/index" class="sidebar-link">介绍</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/index#Vue-js-是什么">Vue.js 是什么</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/index#起步">起步</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/index#声明式渲染">声明式渲染</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/index#条件与循环">条件与循环</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/index#处理用户输入">处理用户输入</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/index#组件化应用构建">组件化应用构建</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/index#与自定义元素的关系">与自定义元素的关系</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/index#准备好了吗？">准备好了吗？</a>
  </li>
</ul>
    </li>

    <li id="instance" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/instance" class="sidebar-link">Vue 实例</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/instance#创建一个-Vue-实例">创建一个 Vue 实例</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/instance#数据与方法">数据与方法</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/instance#实例生命周期钩子">实例生命周期钩子</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/instance#生命周期图示">生命周期图示</a>
  </li>
</ul>
    </li>

    <li id="syntax" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/syntax" class="sidebar-link">模板语法</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#插值">插值</a>
  </li>
  <ul>
    <li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#文本">文本 {{msg}}/v-text</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#原始-HTML">原始HTML v-html</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#特性">特性 / 属性</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#使用-JavaScript-表达式">使用 JavaScript 表达式</a>
    </li>
		<li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#v-bind-作用">v-bind (:) 使用的区别</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#指令">指令</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#参数">参数</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#修饰符">修饰符</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#缩写">缩写</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#v-bind-缩写">v-bind缩写 / :</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/syntax#v-on-缩写">v-on 缩写 / @</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="computed" class="sidebar-menu">
			<i class="">＋</i>
     <a href="__CONTROLLER__/computed" tppabs="https://cn.vuejs.org/v2/guide/computed.html" class="sidebar-link">计算属性和侦听器</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/computed#计算属性">计算属性</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/computed#基础例子">基础例子</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/computed#计算属性缓存-vs-方法">计算属性缓存 vs 方法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/computed#计算属性-vs-侦听属性">计算属性 vs 侦听属性</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/computed#计算属性的-setter">计算属性的 setter</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/computed#侦听器">侦听器</a>
  </li>
</ul>
    </li>

    <li id="class-and-style" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/class-and-style" tppabs="https://cn.vuejs.org/v2/guide/class-and-style.html" class="sidebar-link">Class 与 Style 绑定</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/class-and-style#绑定-HTML-Class">绑定 HTML Class</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/class-and-style#对象语法">对象语法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/class-and-style#数组语法">数组语法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/class-and-style#用在组件上">用在组件上</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/class-and-style#绑定内联样式">绑定内联样式</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/class-and-style#对象语法-1">对象语法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/class-and-style#数组语法-1">数组语法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/class-and-style#自动添加前缀">自动添加前缀</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/class-and-style#多重值">多重值 & Truthy</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="conditional" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/conditional" tppabs="https://cn.vuejs.org/v2/guide/conditional.html" class="sidebar-link">条件渲染</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/conditional#v-if">v-if</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/conditional#在-lt-template-gt-元素上使用-v-if-条件渲染分组">在 &lt;template&gt; 元素上使用 v-if 条件渲染分组</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/conditional#v-else">v-else</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/conditional#v-else-if">v-else-if</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/conditional#用-key-管理可复用的元素">用 key 管理可复用的元素</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/conditional#v-show">v-show</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/conditional#v-if-vs-v-show">v-if vs v-show</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/conditional#v-if-与-v-for-一起使用">v-if 与 v-for 一起使用</a>
  </li>
</ul>
    </li>

    <li id="list" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/list" tppabs="https://cn.vuejs.org/v2/guide/list.html" class="sidebar-link">列表渲染</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/list#用-v-for-把一个数组对应为一组元素">用 v-for 把一个数组对应为一组元素</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/list#一个对象的-v-for">一个对象的 v-for</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/list#key">key</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/list#数组更新检测">数组更新检测</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/list#变异方法">变异方法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/list#替换数组">替换数组</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/list#注意事项">注意事项 & set()</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/list#对象更改检测注意事项">对象更新检测 & set()</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/list#显示过滤-排序结果">显示过滤 / 排序结果</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/list#一段取值范围的-v-for">一段 整数 取值范围的 v-for</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/list#v-for-on-a-lt-template-gt">&lt;template&gt; 同时v-for多个元素</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/list#v-for-with-v-if">v-for with v-if</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/list#一个组件的-v-for">一个组件的 v-for</a>
  </li>
</ul>
    </li>

    <li id="events" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/events" tppabs="https://cn.vuejs.org/v2/guide/events.html" class="sidebar-link">事件处理</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/events#监听事件">监听事件</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/events#事件处理方法">事件处理方法</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/events#内联处理器中的方法">内联处理器中的方法</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/events#事件修饰符">事件修饰符</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/events#按键修饰符">按键修饰符</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/events#自动匹配按键修饰符">自动匹配按键修饰符</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/events#系统修饰键">系统修饰键</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/events#exact-修饰符">.exact 修饰符</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/events#鼠标按钮修饰符">鼠标按钮修饰符</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/events#为什么在-HTML-中监听事件">为什么在 HTML 中监听事件?</a>
  </li>
</ul>
    </li>

    <li id="forms" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/forms" tppabs="https://cn.vuejs.org/v2/guide/forms.html" class="sidebar-link">表单输入绑定</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#基础用法">基础用法</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#文本">文本</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#多行文本">多行文本</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#复选框">复选框</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#单选按钮">单选按钮</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#选择框">选择框</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#值绑定">值绑定</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#复选框-1">复选框</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#单选按钮-1">单选按钮</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#选择框的选项">选择框的选项</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#修饰符">修饰符</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#lazy">.lazy</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#number">.number</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#trim">.trim</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/forms#在组件上使用-v-model">在组件上使用 v-model</a>
  </li>
</ul>
    </li>
      

		<li><h3>组件详解</h3></li>
    <li id="components" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/components" tppabs="https://cn.vuejs.org/v2/guide/components.html" class="sidebar-link">组件基础</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/components#基本示例">基本示例</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/components#组件的复用">组件的复用</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="__CONTROLLER__/components#data-必须是一个函数">data 必须是一个函数</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/components#组件的组织">组件的组织</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/components#单个根元素">单个根元素</a>
  </li>
</ul>
    </li>

    <li id="components-registration" class="sidebar-menu">
			<i class="">＋</i>
			<a href="__CONTROLLER__/components-registration" class="sidebar-link">组件注册</a>  
<ul class="menu-sub">
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-registration#组件名">组件名</a>
	</li>
	<ul>
		<li>
			<a class="section-link" data-scroll="" href="__CONTROLLER__/components-registration#组件名大小写">组件名大小写</a>
		</li>
	</ul>
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-registration#全局注册">全局注册</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-registration#局部注册">局部注册</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-registration#模块系统">模块系统</a>
	</li>
	<ul>
		<li>
			<a class="section-link" data-scroll="" href="__CONTROLLER__/components-registration#在模块系统中局部注册">在模块系统中局部注册</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="__CONTROLLER__/components-registration#基础组件的自动化全局注册">基础组件的自动化全局注册</a>
		</li>
	</ul>
</ul>
		</li>

		<li id="components-propsvuecli" class="sidebar-menu">
			<i class="">＋</i>
			<a href="__CONTROLLER__/components-propsvuecli" class="sidebar-link">组件之间传值 vue-cli</a>
			<ul class="menu-sub">
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-propsvuecli#fatherToChildren">父组件 传 子组件</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-propsvuecli#childrenToFather">子组件 传 父组件</a>
				</li>
			</ul>
		</li>
		
    <li id="components-props" class="sidebar-menu">
			<i class="">＋</i>
			<a href="__CONTROLLER__/components-props" class="sidebar-link">通过 Prop 向子组件传数据</a>  
<ul class="menu-sub">
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#Prop-组件基础">文档基础</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#Prop-的大小写-camelCase-vs-kebab-case">Prop 的大小写</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#Prop-类型">Prop 类型</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#传递静态或动态-Prop">传递静态或动态 Prop</a>
	</li>
	<ul>
		<li>
			<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#传入一个数字">传入一个数字</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#传入一个布尔值">传入一个布尔值</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#传入一个数组">传入一个数组</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#传入一个对象">传入一个对象</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#传入一个对象的所有属性">传入一个对象的所有属性</a>
		</li>
	</ul>
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#单向数据流">单向数据流</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#Prop-验证">Prop 验证</a>
	</li>
	<ul>
		<li>
			<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#类型检查">类型检查</a>
		</li>
	</ul>
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#非-Prop-的特性">非 Prop 的特性</a>
	</li>
	<ul>
		<li>
			<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#替换-合并已有的特性">替换/合并已有的特性</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="__CONTROLLER__/components-props#禁用特性继承">禁用特性继承</a>
		</li>
	</ul>
</ul>
		</li>

    <li id="components-events" class="sidebar-menu">
			<i class="">＋</i>
			<a href="__CONTROLLER__/components-events" class="sidebar-link">通过 事件 向父组件发消息</a>  
<ul class="menu-sub">
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-events#组件基础">文档基础</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-events#使用事件抛出一个值">使用事件抛出一个值</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="__CONTROLLER__/components-events#在组件上使用-v-model">在组件上使用 v-model</a>
	</li>
</ul>
		</li>

    <li id="components-custom-events" class="sidebar-menu">
			<i class="">＋</i>
			<a href="__CONTROLLER__/components-custom-events" class="sidebar-link">自定义事件</a>  
			<ul class="menu-sub">
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-custom-events#事件名">事件名</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-custom-events#自定义组件的-v-model">自定义组件的 v-model</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-custom-events#将原生事件绑定到组件">将原生事件绑定到组件</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-custom-events#sync-修饰符">.sync 修饰符</a>
				</li>
			</ul>
		</li>

    <li id="components-slots" class="sidebar-menu">
			<i class="">＋</i>
			<a href="__CONTROLLER__/components-slots" class="sidebar-link">插槽</a>  
			<ul class="menu-sub">
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-slots#组件基础">组件基础</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-slots#插槽内容">插槽内容</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-slots#具名插槽">具名插槽</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-slots#插槽的默认内容">插槽的默认内容</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-slots#编译作用域">编译作用域</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-slots#作用域插槽">作用域插槽</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-slots#解构-slot-scope">解构 slot-scope</a>
					</li>
				</ul>
			</ul>
		</li>

    <li id="components-dynamic-async" class="sidebar-menu">
			<i class="">＋</i>
			<a href="__CONTROLLER__/components-dynamic-async" class="sidebar-link">动态组件 &amp; 异步组件</a>  
			<ul class="menu-sub">
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-dynamic-async#动态组件">动态组件</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-dynamic-async#解析-DOM-模板时的注意事项">解析 DOM 模板时的注意事项</a>
					</li>
				</ul>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-dynamic-async#在动态组件上使用-keep-alive">在动态组件上使用 keep-alive</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-dynamic-async#异步组件">异步组件</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-dynamic-async#处理加载状态">处理加载状态</a>
					</li>
				</ul>
			</ul>
		</li>
		
    <li id="components-edge-cases" class="sidebar-menu">
			<i class="">＋</i>
			<a href="__CONTROLLER__/components-edge-cases" class="sidebar-link">处理边界情况</a>  
			<ul class="menu-sub">
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#访问元素-amp-组件">访问元素&amp;组件 $root</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#访问根实例">访问根实例</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#访问父级组件实例">访问父级组件实例</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#访问子组件实例或子元素">访问子组件实例或子元素</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#依赖注入">依赖注入</a>
					</li>
				</ul>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#对全局事件的解绑">对全局事件的解绑</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#程序化的事件侦听器">程序化的事件侦听器</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#循环引用">循环引用</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#递归组件">递归组件</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#组件之间的循环引用">组件之间的循环引用</a>
					</li>
				</ul>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#模板定义的替代品">模板定义的替代品</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#内联模板">内联模板</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#X-Templates">X-Templates</a>
					</li>
				</ul>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#控制更新">控制更新</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#强制更新">强制更新</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="__CONTROLLER__/components-edge-cases#通过-v-once-创建低开销的静态组件">通过 v-once 创建低开销的静态组件</a>
					</li>
				</ul>
			</ul>
		</li>


		
		<li><h3>过渡 & 动画</h3></li>
    <li id="transitions" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/transitions" tppabs="https://cn.vuejs.org/v2/guide/transitions.html" class="sidebar-link">进入/离开 & 列表过渡</a>
		 <ul class="menu-sub">
			<li>
				<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#概述">概述</a>
			</li>
			<li>
				<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#单元素-组件的过渡">单元素/组件的过渡</a>
			</li>
			<ul>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#过渡的类名">过渡的类名</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#CSS-过渡">CSS 过渡</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#CSS-动画">CSS 动画</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#自定义过渡的类名">自定义过渡的类名</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#同时使用过渡和动画">同时使用过渡和动画</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#显性的过渡持续时间">显性的过渡持续时间</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#JavaScript-钩子">JavaScript 钩子</a>
				</li>
			</ul>
			<li>
				<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#初始渲染的过渡">初始渲染的过渡</a>
			</li>
			<li>
				<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#多个元素的过渡">多个元素的过渡</a>
			</li>
			<ul>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#过渡模式">过渡模式</a>
				</li>
			</ul>
			<li>
				<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#多个组件的过渡">多个组件的过渡</a>
			</li>
			<li>
				<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#列表过渡">列表过渡</a>
			</li>
			<ul>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#列表的进入-离开过渡">列表的进入/离开过渡</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#列表的排序过渡">列表的排序过渡</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#列表的交错过渡">列表的交错过渡</a>
				</li>
			</ul>
			<li>
				<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#可复用的过渡">可复用的过渡</a>
			</li>
			<li>
				<a class="section-link" data-scroll="" href="__CONTROLLER__/transitions#动态过渡">动态过渡</a>
			</li>
		</ul>
    </li>

    <li id="transitioning-state" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/transitioning-state" tppabs="https://cn.vuejs.org/v2/guide/transitioning-state.html" class="sidebar-link">状态过渡</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/transitioning-state#状态动画与侦听器">状态动画与侦听器</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/transitioning-state#动态状态过渡">动态状态过渡</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/transitioning-state#把过渡放到组件里">把过渡放到组件里</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="__CONTROLLER__/transitioning-state#赋予设计以生命">赋予设计以生命</a>
  </li>
</ul>
    </li>


		<li><h3>可复用性 & 组合</h3></li>
    <li id="mixins" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/mixins" tppabs="https://cn.vuejs.org/v2/guide/mixins.html" class="sidebar-link">混入</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#基础">基础</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#选项合并">选项合并</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#全局混入">全局混入</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#自定义选项合并策略">自定义选项合并策略</a>
  </li>
</ul>
    </li>

    <li id="custom-directive" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/custom-directive" tppabs="https://cn.vuejs.org/v2/guide/custom-directive.html" class="sidebar-link">自定义指令</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#简介">简介</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#钩子函数">钩子函数</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#钩子函数参数">钩子函数参数</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#函数简写">函数简写</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#对象字面量">对象字面量</a>
  </li>
</ul>
    </li>

    <li id="render-function" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/render-function" tppabs="https://cn.vuejs.org/v2/guide/render-function.html" class="sidebar-link">渲染函数 & JSX</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#基础">基础</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#节点、树以及虚拟-DOM">节点、树以及虚拟 DOM</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#虚拟-DOM">虚拟 DOM</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#createElement-参数">createElement 参数</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#深入-data-对象">深入 data 对象</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#完整示例">完整示例</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#约束">约束</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#使用-JavaScript-代替模板功能">使用 JavaScript 代替模板功能</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#v-if-和-v-for">v-if 和 v-for</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-model">v-model</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#事件-amp-按键修饰符">事件 &amp; 按键修饰符</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#插槽">插槽</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#JSX">JSX</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#函数式组件">函数式组件</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#向子元素或子组件传递特性和事件">向子元素或子组件传递特性和事件</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#slots-和-children-对比">slots() 和 children 对比</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#模板编译">模板编译</a>
  </li>
</ul>
    </li>

    <li id="plugins" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/plugins" tppabs="https://cn.vuejs.org/v2/guide/plugins.html" class="sidebar-link">插件</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#使用插件">使用插件</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#开发插件">开发插件</a>
  </li>
</ul>
    </li>

    <li id="filters" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/filters" tppabs="https://cn.vuejs.org/v2/guide/filters.html" class="sidebar-link">过滤器</a>
			<ul class="menu-sub"></ul>
    </li>

		<li>
			<h3>工具</h3>
		</li>
    
    <li id="deployment" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/deployment" tppabs="https://cn.vuejs.org/v2/guide/deployment.html" class="sidebar-link">生产环境部署</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#开启生产环境模式">开启生产环境模式</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#不使用构建工具">不使用构建工具</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#使用构建工具">使用构建工具</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#模板预编译">模板预编译</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#提取组件的-CSS">提取组件的 CSS</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#跟踪运行时错误">跟踪运行时错误</a>
  </li>
</ul>
    </li>

    <li id="single-file-components" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/single-file-components" tppabs="https://cn.vuejs.org/v2/guide/single-file-components.html" class="sidebar-link">单文件组件</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#介绍">介绍</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#怎么看待关注点分离？">怎么看待关注点分离？</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#起步">起步</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#例子沙箱">例子沙箱</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#针对刚接触-JavaScript-模块开发系统的用户">针对刚接触 JavaScript 模块开发系统的用户</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#针对高级用户">针对高级用户</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="unit-testing" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/unit-testing" tppabs="https://cn.vuejs.org/v2/guide/unit-testing.html" class="sidebar-link">单元测试</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#配置和工具">配置和工具</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#简单的断言">简单的断言</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#编写可被测试的组件">编写可被测试的组件</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#断言异步更新">断言异步更新</a>
  </li>
</ul>
    </li>

    <li id="typescript" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/typescript" tppabs="https://cn.vuejs.org/v2/guide/typescript.html" class="sidebar-link">TypeScript 支持</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#发布为-NPM-包的官方声明文件">发布为 NPM 包的官方声明文件</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#推荐配置">推荐配置</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#开发工具链">开发工具链</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#工程创建">工程创建</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#编辑器支持">编辑器支持</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#基本用法">基本用法</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#基于类的-Vue-组件">基于类的 Vue 组件</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#增强类型以配合插件使用">增强类型以配合插件使用</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#标注返回值">标注返回值</a>
  </li>
</ul>
    </li>


      
		<li><h3>规模化</h3></li>
    <li id="routing" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/routing" tppabs="https://cn.vuejs.org/v2/guide/routing.html" class="sidebar-link">路由</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#官方路由">官方路由</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#从零开始简单的路由">从零开始简单的路由</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#整合第三方路由">整合第三方路由</a>
  </li>
</ul>
    </li>

    <li id="state-management" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/state-management" tppabs="https://cn.vuejs.org/v2/guide/state-management.html" class="sidebar-link">状态管理</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#类-Flux-状态管理的官方实现">类 Flux 状态管理的官方实现</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#React-的开发者请参考以下信息">React 的开发者请参考以下信息</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#简单状态管理起步使用">简单状态管理起步使用</a>
  </li>
</ul>
    </li>

    <li id="ssr" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/ssr" tppabs="https://cn.vuejs.org/v2/guide/ssr.html" class="sidebar-link">服务端渲染</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#SSR-完全指南">SSR 完全指南</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#Nuxt-js">Nuxt.js</a>
  </li>
</ul>
    </li>


      
		<li><h3>内在</h3></li>
    <li id="reactivity" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/reactivity" tppabs="https://cn.vuejs.org/v2/guide/reactivity.html" class="sidebar-link">深入响应式原理</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#如何追踪变化">如何追踪变化</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#检测变化的注意事项">检测变化的注意事项</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#声明响应式属性">声明响应式属性</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#异步更新队列">异步更新队列</a>
  </li>
</ul>
    </li>

    <li id="migration" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/migration" tppabs="https://cn.vuejs.org/v2/guide/migration.html" class="sidebar-link">从 Vue 1.x 迁移</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#FAQ">FAQ</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#模板">模板</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#片段实例-移除">片段实例</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#生命周期钩子函数">生命周期钩子函数</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#beforeCompile-移除">beforeCompile</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#compiled-替换">compiled</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#attached-移除">attached</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#detached-移除">detached</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#init-重新命名">init</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#ready-替换">ready</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#v-for">v-for</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#v-for-遍历数组时的参数顺序-变更">v-for 遍历数组时的参数顺序</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-for-遍历对象时的参数顺序-变更">v-for 遍历对象时的参数顺序</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#index-and-key-移除">$index and $key</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#track-by-替换">track-by</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-for-范围值-变更">v-for 范围值</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Props">Props</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#coerce-Prop-的参数-移除">coerce Prop 的参数</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#twoWay-Prop-的参数-移除">twoWay Prop 的参数</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-bind-的-once和-sync-修饰符-移除">v-bind 的 .once和.sync 修饰符</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#修改-Props-弃用">修改 Props</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#根实例的-Props-替换">根实例的 Props</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#计算属性">计算属性</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#cache-false-弃用">cache: false</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Built-In-指令">Built-In 指令</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#v-bind-真-假值-变更">v-bind 真/假值</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#用-v-on-监听原生事件-变更">用 v-on 监听原生事件</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#带有-debounce-的-v-model移除">带有 debounce 的 v-model</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#使用-lazy-或者-number-参数的-v-model-。替换">使用 lazy 或者 number 参数的 v-model 。</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#使用内联-value的v-model-移除">使用内联 value的v-model</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-model-with-v-for-Iterated-Primitive-Values-移除">v-model with v-for Iterated Primitive Values</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#带有-important-的v-bind-style-移除">带有 !important 的v-bind:style</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-el-和v-ref-替换">v-el 和v-ref</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-show后面使用v-else-移除">v-show后面使用v-else</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#自定义指令-简化">自定义指令</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#指令-literal-修饰符-移除">指令 .literal 修饰符</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#过渡">过渡</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#transition-参数-替换">transition 参数</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#可复用的过渡-Vue-transition-替换">可复用的过渡 Vue.transition</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#过渡的-stagger-参数-移除">过渡的 stagger 参数</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#事件">事件</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#events-选项-移除">events 选项</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-directive-39-on-39-keyCodes-替换">Vue.directive('on').keyCodes</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#dispatch-和-broadcast-替换">$dispatch 和 $broadcast</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#过滤器">过滤器</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#插入文本之外的过滤器-移除">插入文本之外的过滤器</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#过滤器参数符号-变更">过滤器参数符号</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#内置文本过滤器-移除">内置文本过滤器</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#双向过滤器-替换">双向过滤器</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#插槽">插槽</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#重名的插槽-移除">重名的插槽</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#slot-样式参数-移除">slot 样式参数</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#特殊属性">特殊属性</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#keep-alive-属性-替换">keep-alive 属性</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#计算插值">计算插值</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#属性内部的计算插值-移除">属性内部的计算插值</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#HTML-计算插值-移除">HTML 计算插值</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#单次绑定替换">单次绑定</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#响应">响应</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#vm-watch-changed">vm.$watch</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-set-变更">vm.$set</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-delete-变更">vm.$delete</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Array-prototype-set-弃用">Array.prototype.$set</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Array-prototype-remove-移除">Array.prototype.$remove</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-实例上的Vue-set-和-Vue-delete移除">Vue 实例上的Vue.set 和 Vue.delete</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#替换-vm-data-移除">替换 vm.$data</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-get-移除">vm.$get</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#围绕-DOM-的实例方法">围绕 DOM 的实例方法</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#vm-appendTo-移除">vm.$appendTo</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-before-移除">vm.$before</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-after-移除">vm.$after</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-remove-移除">vm.$remove</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#底层实例方法">底层实例方法</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#vm-eval-移除">vm.$eval</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-interpolate-移除">vm.$interpolate</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-log-移除">vm.$log</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#实例-DOM-选项">实例 DOM 选项</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#replace-false-移除">replace: false</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#全局配置">全局配置</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-config-debug-移除">Vue.config.debug</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-config-async-移除">Vue.config.async</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-config-delimiters-替换">Vue.config.delimiters</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-config-unsafeDelimiters-移除">Vue.config.unsafeDelimiters</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#全局-API">全局 API</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#带-el-的-Vue-extend-移除">带 el 的 Vue.extend</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-elementDirective-移除">Vue.elementDirective</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-partial-移除">Vue.partial</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="migration-vue-router" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/migration-vue-router" tppabs="https://cn.vuejs.org/v2/guide/migration-vue-router.html" class="sidebar-link">从 Vue Router 0.7.x 迁移</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#Router-初始化">Router 初始化</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#router-start-替换">router.start</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Route-定义">Route 定义</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#router-map-替换">router.map</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#router-on-移除">router.on</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#router-beforeEach-changed">router.beforeEach</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#subRoutes-换名">subRoutes</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#router-redirect-替换">router.redirect</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#router-alias-替换">router.alias</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#任意的-Route-属性-替换">任意的 Route 属性</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#URL-中的-Query-数组-语法-移除">URL 中的 Query 数组 [] 语法</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Route-匹配">Route 匹配</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#一个或者更多的命名参数-改变">一个或者更多的命名参数</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#链接">链接</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#v-link-替换">v-link</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-link-active-替换">v-link-active</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#编程导航">编程导航</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#router-go-改变">router.go</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#路由选择：Modes">路由选择：Modes</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#hashbang-false-移除">hashbang: false</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#history-true-替换">history: true</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#abstract-true-替换">abstract: true</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#路由选项：Misc">路由选项：Misc</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#saveScrollPosition-替换">saveScrollPosition</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#root-换名">root</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#transitionOnLoad-移除">transitionOnLoad</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#suppressTransitionError-移除">suppressTransitionError</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#路由挂钩">路由挂钩</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#activate-替换">activate</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#canActivate-替换">canActivate</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#deactivate-移除">deactivate</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#canDeactivate-替换">canDeactivate</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#canReuse-false-移除">canReuse: false</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#data-替换">data</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#loadingRouteData-移除">$loadingRouteData</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="migration-vuex" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/migration-vuex" tppabs="https://cn.vuejs.org/v2/guide/migration-vuex.html" class="sidebar-link">从 Vuex 0.6.x 迁移到 1.0</a>
<ul class="menu-sub">
  <li>
    <a class="section-link active" data-scroll="" href="#带字符串属性路径的-store-watch-替换">带字符串属性路径的 store.watch</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#Store-的事件触发器-移除">Store 的事件触发器</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#中间件-替换">中间件</a>
  </li>
</ul>
    </li>
      
      
		<li><h3>更多</h3></li>
    <li id="comparison" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/comparison" tppabs="https://cn.vuejs.org/v2/guide/comparison.html" class="sidebar-link">对比其他框架</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#React">React</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#运行时性能">运行时性能</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#HTML-amp-CSS">HTML &amp; CSS</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#规模">规模</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#原生渲染">原生渲染</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#MobX">MobX</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Preact-和其它类-React-库">Preact 和其它类 React 库</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#AngularJS-Angular-1">AngularJS</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#复杂性">复杂性</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#灵活性和模块化">灵活性和模块化</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#数据绑定">数据绑定</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#指令与组件">指令与组件</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#运行时性能-1">运行时性能</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Angular-原本的-Angular-2">Angular</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#TypeScript">TypeScript</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#运行时性能-2">运行时性能</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#体积">体积</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#灵活性">灵活性</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#学习曲线">学习曲线</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Ember">Ember</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#Knockout">Knockout</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#Polymer">Polymer</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#Riot">Riot</a>
  </li>
</ul>
    </li>

    <li id="join" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/join" tppabs="https://cn.vuejs.org/v2/guide/join.html" class="sidebar-link">加入 Vue.js 社区</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#您将享有的资源">您将享有的资源</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#行为规范">行为规范</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#获取帮助">获取帮助</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#探索生态">探索生态</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#您可以参与的方式">您可以参与的方式</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#贡献代码">贡献代码</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#分享-并积累-您的经验">分享 (并积累) 您的经验</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#翻译文档">翻译文档</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#成为社区领袖">成为社区领袖</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="team" class="sidebar-menu">
			<i class="">＋</i>
      <a href="__CONTROLLER__/team" tppabs="https://cn.vuejs.org/v2/guide/team.html" class="sidebar-link">认识团队</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#the-core-team">核心团队</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#community-partners">社区伙伴</a>
  </li>
</ul>
    </li>
</ul>
